/* XUI V1.0.0 | by whx | (c) 2016 HaiXuan,Inc. | Licensed under MIT */
html { box-sizing: border-box; }
html { overflow-y: scroll; }
body,div,dl,dt,dd,ul,li,p,span,input, button, textarea, blockquote{    margin: 0;   padding: 0;}
body{font: 400 13px/1.5 "Microsoft Yahei","Open Sans","Helvetica neue",Helvetica,Tahoma,"lantinghei sc",sans-serif;}
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; vertical-align: bottom; }
td { font-weight: normal; vertical-align: top; }
fieldset, img { border: 0 }
pre, code, form, fieldset, legend { margin: 0; padding: 0 }
address, caption, cite, code, dfn, em, th, var, optgroup { font-style: inherit; font-weight: inherit }
del, ins { text-decoration: none }
caption, th { text-align: left }
abbr, acronym { border: 0; font-variant: normal }
sup { vertical-align: baseline }
sub { vertical-align: baseline }
legend { color: #000 }
h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0; font-size: 100%; font-weight: normal }
ul ,li{ list-style: none;}
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit }
input, select { vertical-align: middle; }
label,input[type=button],input[type=submit],input[type=file],button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
button,input[type=button] { width: auto; overflow: visible; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 10px 0; padding: 0; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
a {cursor: pointer;}
a:link {text-decoration: none;}
a:hover{text-decoration: none;}
a:visited{text-decoration: none;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
/*img*/
.x_img img{
    max-width:100%;
}
/*flex css*/

.x-flex{ 
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.x-f1{  
  -webkit-box-flex: 1;  
  -webkit-flex: 1;  
  flex: 1;
}
.x-flexC{
  display: -webkit-box; 
  display: -webkit-flex; 
  display: flex;
  flex-direction:column;
}

/*clear*/

.cf:after {
    visibility:hidden;
    content:" ";
    display:block;
    height:0;
    line-height:0;
    font-size:0;
    clear:both;
}
.cf {display:block;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 500;
    line-height: 1.1;
    color: #222;
    margin-top: 0;
    margin-bottom: .66em;
}
h1,.h1 {font-size: 3.4em;font-weight: 900}
h2,.h2 {font-size: 2.4em}
h3,.h3 {font-size: 1.2em}
h4,.h4 {font-size: 1.2em}
h5,.h5 {font-size: 1.2em}
h6,.h6 {font-size: .85em}
/*box*/
.xw {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
    .xw {
        width:750px;
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media (min-width: 992px) {
    .xw {
        width:970px;
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media (min-width: 1200px) {
    .xw {
        width:1170px;
        padding-right: 15px;
        padding-left: 15px;
    }
}
/*row*/
.x-row:before,
.x-row:after,
.cf:after {  
  content:" ";   
  display:block;    
  clear:both;  
}
.x-a-1,.x-b-1,.x-c-1,
.x-a-2,.x-b-2,.x-c-3,
.x-a-3,.x-b-3,.x-c-1,
.x-a-4,.x-b-4,.x-c-4,
.x-a-5,.x-b-5,.x-c-5,
.x-a-6,.x-b-6,.x-c-6,
.x-a-7,.x-b-7,.x-c-7,
.x-a-8,.x-b-8,.x-c-8,
.x-a-9,.x-b-9,.x-c-9,
.x-a-10,.x-b-10,.x-c-10,
.x-a-11,.x-b-11,.x-c-11,
.x-a-12,.x-b-12,.x-c-12{
  position: relative;
  min-height: 1px;
}
.x-a-1, .x-a-2, .x-a-3,
.x-a-4, .x-a-5, .x-a-6,
.x-a-7, .x-a-8, .x-a-9,
.x-a-10, .x-a-11, .x-a-12 {
    float: left
}
.x-a-12 {width: 100%}
.x-a-11 {width: 91.66666667%}
.x-a-10 {width: 83.33333333%}
.x-a-9 {width: 75%}
.x-a-8 {width: 66.66666667%}
.x-a-7 {width: 58.33333333%}
.x-a-6 {width: 49%}
.x-a-5 {width: 41.66666667%}
.x-a-4 {width: 33.33333333%}
.x-a-3 {width: 25%}
.x-a-2 {width: 16.66666667%}
.x-a-1 {width: 8.33333333%}


